<template>
    <div class="container">
        <div class="regbox">
    <div class="box">
        <img src="./../../assets/timeNote2.jpg"/>
    </div>
    <div class="wec">
        Weclome
    </div>
    <p>欢迎来到宝宝的世界</p>
        </div>
    <ul class="reglog">
        <router-link tag='li' to='/reg'>注册</router-link>
        <router-link tag='li' to='/log'>登录</router-link>
    </ul>
    </div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
@import '@/lib/reset.scss';
.container{
    @include flexbox();
    @include flex-direction(column);
    background:#FFFADA;
.box{
    @include rect(2.5rem, 2.5rem);
    @include margin(0.6rem 0 0.1rem 0.65rem);
    img{
        width:100%;
        height:100%;
        border:none;
    }
}
.wec{
    font-size: 0.24rem;
    color:rgb(141, 80, 80);
    @include rect(0.94rem, 0.42rem);
    @include margin(0 auto);
    @include text-align();
    @include line-height(0.42rem);
}
p{
    font-size: 0.20rem;
    color:rgb(141, 80, 80);
    @include rect(2.61rem, 0.42rem);
    @include text-align();
    @include margin(0 auto);
    @include line-height(0.42rem);

}
.reglog{
    @include flexbox();
    @include rect(100%, auto);
    @include flex-direction(column);
    margin-top: 0.4rem;
    li{
    display: block;
    font-size: 0.20rem;
    color:#FFFADA;
    @include rect(3.37rem, 0.46rem);
    line-height: 0.46rem;
    border-radius: 0.20rem;
    @include text-align();
    @include background-color(#83D8C3);
    @include margin(0.05rem auto);
    }
     li:nth-child(2){
        margin-top: 0.34rem;
    }
}
}
</style>
